<template>
    <header>
        <div class="widewrapper masthead">
            <div class="container">
                <RouterLink to="/" id="logo">
                    <img src="../assets/img/logo.png" alt="clean Blog">
                </RouterLink>
                <div id="mobile-nav-toggle" class="pull-right">
                    <a href="#" data-toggle="collapse" data-target=".clean-nav .navbar-collapse">
                        <i class="fa fa-bars"></i>
                    </a>
                </div>

                <nav class="pull-right clean-nav">
                    <div class="collapse navbar-collapse">
                        <ul class="nav nav-pills navbar-nav">
                          
                            <li>
                                <RouterLink to="/">首页</RouterLink>
                            </li>
                            <li>
                                <RouterLink to="/manager">文章管理</RouterLink>
                            </li>                      
                        </ul>
                    </div>
                </nav>        

            </div>
        </div>

        <div class="widewrapper subheader">
            <div class="container">
                <div class="clean-breadcrumb">
                    <RouterLink to="/">Blog</RouterLink>
                </div>
            </div>
        </div>
    </header>
</template>